<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人网址导航</title>
  <link rel="stylesheet" href="style.css">
  <style>
    html {background: #3a3a40}
  </style>
</head>
<body>
  <div class="container">
    <div class="category-list"></div>
    <div class="bookmark-container">

      <div class="category-card">
        <div class="category-title">旨池</div>
        <div class="category-body">

          <div class="bookmark" data-url="http://www.ahzy.top:888/cv/">
            <div class="icon"><v-mdi name="mdi-upload" size="20" /></div>
            <div class="intro">
              <div class="title">简历页</div>
              <div class="desc">经历过往</div>
            </div>
          </div>
      
          <div class="bookmark" data-url="http://www.ahzy.top:888/record/">
            <div class="icon"></div>
            <div class="intro">
              <div class="title">随想录</div>
              <div class="desc">心路历程</div>
            </div>
          </div>

        </div>
      </div>

      <div class="category-card">
        <div class="category-title">影音</div>
        <div class="category-body">

          <div class="bookmark" data-url="http://tv.ahzy.top:5666/login">
            <div class="icon"></div>
            <div class="intro">
              <div class="title">飞牛</div>
              <div class="desc">NAS服务</div>
            </div>
          </div>

          <div class="bookmark" data-url="http://www.ahzy.top:4533/app/#/login">
            <div class="icon"></div>
            <div class="intro">
              <div class="title">Navidrome</div>
              <div class="desc">音乐服务</div>
            </div>
          </div>

          <div class="bookmark" data-url="http://tv.ahzy.top:5666/v/login">
            <div class="icon"></div>
            <div class="intro">
              <div class="title">影视</div>
              <div class="desc">影视服务</div>
            </div>
          </div>

        </div>
      </div>

      <div class="category-card">
        <div class="category-title">博客站点</div>
        <div class="category-body">

          <div class="bookmark" data-url="https://bh-lay.com/">
            <div class="icon"></div>
            <div class="intro">
              <div class="title">小剧客栈</div>
              <div class="desc">小剧客栈是剧中人在成长路上的一个缩影，分享小剧在前端、nodeJS、设计、摄影等各类有趣的心得体会。</div>
            </div>
          </div>

          <div class="bookmark" data-url="https://e.bh-lay.com/">
            <div class="icon"></div>
            <div class="intro">
              <div class="title">小剧搜索</div>
              <div class="desc">剧中人的搜索页</div>
            </div>
          </div>

        </div>
      </div>


    </div>
  </div>
  <script defer src="index.js"></script>
</body>
</html>